<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" type="text/css" href="./css/base.css">
</head>
<body>
<div class="f1">
    <div class="container">
        <img class="logo" src="http://www.codeboy.com:9999/img/header/logo.png">
        <span class="h1">欢迎注册</span>
    </div>
</div>
<div class="f2">
    <div class="container">
        <div class="relative-box">
            <div class="row1">
                <div class="col1">新用户注册</div><!--
              --><div class="col2">直接登录</div>
            </div>
            <div class="row2">
                <label>
                    用户名：<input placeholder="输入用户名" type="text" id="uname">
                </label>
                <span class="danger">用户名不能为空</span>
            </div>
            <div class="row3">
                <label>
                    用户名：<input placeholder="输入用户名" type="text" id="uname">
                </label>
                <span class="danger">用户名不能为空</span>
            </div>
            <div class="row4">
                <label>
                    用户名：<input placeholder="输入用户名" type="text" id="uname">
                </label>
                <span class="danger">用户名不能为空</span>
            </div>
            <div class="row5">
                <label>
                    用户名：<input placeholder="输入用户名" type="text" id="uname">
                </label>
                <span class="danger">用户名不能为空</span>
            </div>
            <div class="row6">
                <label>
                    用户名：<input placeholder="输入用户名" type="text" id="uname">
                </label>
                <span class="danger">用户名不能为空</span>
            </div>
            <div class="row7">
                <label>
                    用户名：<input placeholder="输入用户名" type="text" id="uname">
                </label>
                <span class="danger">用户名不能为空</span>
            </div>
        </div>
    </div>
</div>
<div class="f3">
    <div class="container">
        <div class="col"><img src="img/4.png" alt=""><span>品质保障</span></div>
        <div class="col"><img src="img/5.png" alt=""><span>私人定制</span></div>
        <div class="col"><img src="img/6.png" alt=""><span>学员特供</span></div>
        <div class="col"><img src="img/7.png" alt=""><span>专属特权</span></div>
        <!--        <div></div>-->
    </div>
</div>
<div class="f4">
    <div class="container">
        ©2017 达内科技有限公司 版权所有 京ICP备08000853号-75
    </div>
</div>
</body>
</html>